<div class="breadcrumbs small" style="margin-top: 3%; margin-bottom: -1%;">
        <ul>
            <li><a href="<?php echo base_url("index.php/home");?>"><span class="icon-home"></span> Home</a></li>
        </ul>
</div>
<div class="tile-group no-margin clearfix" style="width: 100%">

    <div class="tile double quadro-vertical ol-transparent" style="float: right;">
        <div class="tile-content">
            <div class="brand">
                 <!-- Begin of Fanpage  -->
                <script>(function(d, s, id) {
                      var js, fjs = d.getElementsByTagName(s)[0];
                      if (d.getElementById(id)) return;
                      js = d.createElement(s); js.id = id;
                      js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.0";
                      fjs.parentNode.insertBefore(js, fjs);
                    }(document, 'script', 'facebook-jssdk'));

                </script>
                <div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" 
                data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" 
                data-show-border="true" data-width="250" data-height="250">
                </div>
                <!-- Đặt thẻ này vào nơi bạn muốn tiện ích con kết xuất. -->
                <div class="g-follow" data-annotation="bubble" data-height="24" data-href="//plus.google.com/u/0/101579002765931459431"
                 data-rel="author">
                 </div>

                <!-- Đặt thẻ này sau thẻ tiện ích con cuối cùng. -->
                <script type="text/javascript">
                  window.___gcfg = {lang: 'vi'};

                  (function() {
                    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                    po.src = 'https://apis.google.com/js/platform.js';
                    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                  })();
                </script>
                <!-- End of fanpage -->
            </div>
        </div>
    </div>
    
    <div class="tile quadro double-vertical ol-transparent" style="width:52%;">
        <div class="tile-content">
            <div class="carousel" data-role="carousel" data-height="100%" data-width="100%" data-controls="false">
                <div class="slide">
                    <img src="<?php echo base_url("public/images/1.jpg");?>" />
                </div>
                <div class="slide">
                    <img src="<?php echo base_url("public/images/2.jpg");?>" />
                </div>
                <div class="slide">
                    <img src="<?php echo base_url("public/images/3.jpg");?>" />
                </div>
            </div>
        </div>
    </div>
    <div class="tile bg-lightBlue ol-transparent " data-hint="Tim Kiem Trung Tam">
        <div class="tile-content icon">
            <span class="icon-search"></span>
        </div>
    </div>
    <div class="tile bg-orange ol-transparent" data-hint="Tin Tuc Ve Trung Tam">
        <div class="tile-content icon">
            <span class="icon-newspaper"></span>
        </div>
    </div>
    <div class="tile ol-transparent bg-teal" data-hint="Danh Sach Trung Tam">
        <div class="tile-content icon">
            <span class="icon-location"></span>
        </div>
    </div>
    <div class="tile ol-transparent bg-green" data-hint="Hoat Dong Cua Trung Tam">
        <div class="tile-content icon">
            <span class="icon-share"></span>
        </div>
    </div>

    <div class="tile triple double-vertical ol-transparent bg-white" data-role="live" data-effect="slideDown" style="width: 37%;">
        <div class="tile-content">
            <div class="panel no-border">
                <div class="panel-header bg-darkRed fg-white ">Tin Tuc 1</div>
                <div class="panel-content fg-dark nlp nrp">
                    <img src="<?php echo base_url("public/images/jeki_chan.jpg");?>" class="place-left margin10 nlm ntm size2">
                    <strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry.
                    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                    Lorem Ipsum has been the industry's standard dummy text.
                </div>
            </div>
        </div>
        <div class="tile-content">
            <div class="panel no-border">
                <div class="panel-header bg-darkRed fg-white ">Tin Tuc 2 </div>
                <div class="panel-content fg-dark nlp nrp">
                    <img src="<?php echo base_url("public/images/jeki_chan.jpg");?>" class="place-left margin10 nlm ntm size2">
                    <strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry.
                    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                    Lorem Ipsum has been the industry's standard dummy text.
                </div>
            </div>
        </div>
        
    </div>
    <div class="tile triple double-vertical ol-transparent bg-white" data-role="live" data-effect="slideLeft" style="width: 37%;">
        <div class="tile-content">
            <div class="panel no-border">
                <div class="panel-header bg-pink fg-white">Hoat Dong 1</div>
                <div class="panel-content fg-dark nlp nrp">
                    <img src="<?php echo base_url("public/images/jek_vorobey.jpg");?>" class="place-left margin10 nlm ntm size2">
                    <strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry.
                    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                    Lorem Ipsum has been the industry's standard dummy text.
                </div>
            </div>
        </div>
        <div class="tile-content">
            <div class="panel no-border">
                <div class="panel-header bg-pink fg-white">Hoat Dong 2</div>
                <div class="panel-content fg-dark nlp nrp">
                    <img src="<?php echo base_url("public/images/jek_vorobey.jpg");?>" class="place-left margin10 nlm ntm size2">
                    <strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry.
                    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                    Lorem Ipsum has been the industry's standard dummy text.
                </div>
            </div>
        </div>
    </div>
</div><!-- End first group -->

<div class="tile-group no-margin no-padding clearfix" style="width: 100%">
    <div class="tile double ol-transparent"></div>
    <div class="tile double ol-transparent"></div>
    <div class="tile double ol-transparent"></div>
    <div class="tile double ol-transparent"></div>
</div>